<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link href="http://at.alicdn.com/t/font_l71af350x7nqxgvi.css" rel="stylesheet">
    <link href="../../bootstrap/css/bootstrap.css" rel="stylesheet">
    <link href="../../css/base.css" rel="stylesheet">
    <link href="../../css/common.css" rel="stylesheet">
    <link href="../../css/iconfont.css" rel="stylesheet">
    <link href="billing-tree.css" rel="stylesheet">
    <!--[if lt IE 9]>
    <script src="../../bootstrap/js/html5shiv.js"></script>
    <script src="../../bootstrap/js/respond.min.js"></script>
    <![endif]-->
    <title>Title</title>
</head>
<body style="height: 100%;overflow-y: hidden;">
<div class="container-fluid" style="height: 100%;">
    <div class="row" style="margin:15px;height: 100%;">
        <div class="billing-tree col-sm-3 h-100" id="billing-tree">
            <header class="inspection-header">
                <span class="label-title"><i class="icon icon-fenlei"></i>开单分类</span>
                <i class="icon icon-zhuxiao add" style="font-size: 13px;padding-top: 2.5px"></i>
                <i class="icon icon-xiugai edit"></i>
                <i class="icon icon-xinzeng delete" style="padding-top: 1px"></i>
            </header>
            <nav class="inspection-body">
                <ul class="nav">
                    <li>
                        <a href="#" data-id="-1">
                            <i class="icon icon-xiangmu"></i>
                            <span class="nav-label">检查</span>
                            <span class="icon icon-xiangyou"></span>
                        </a>
                    </li>
                </ul>
            </nav>
        </div>
    </div>
</div>

<script src="../../js/jquery-1.11.1.js"></script>
<script src="../../bootstrap/js/bootstrap.min.js"></script>
<script src="billing-tree.js"></script>
<script type="text/javascript">
<!--
	var data = [{
    "blsNormCode": "0701",
    "blsName": "心电类",
    "blsId": -1,
    "chinaSpell": "XDL",
    "fiveStroke": "NJO",
    "blsState": "0",
    "blsLastGrade": "0",
    "blsType": 0,
    "hospitalId": 331023,
    "id": 27
  }, {
    "blsNormCode": "07002",
    "blsName": "快速心肌酶（三合一）",
    "blsId": -1,
    "chinaSpell": "",
    "fiveStroke": "",
    "blsState": "0",
    "blsLastGrade": "1",
    "blsType": 1,
    "hospitalId": 331023,
    "id": 11
  }, {
    "blsNormCode": "07003",
    "blsName": "过敏原",
    "blsId": -1,
    "chinaSpell": "GMY",
    "fiveStroke": "FTD",
    "blsState": "0",
    "blsLastGrade": "1",
    "blsType": 1,
    "hospitalId": 331023,
    "id": 12
  }, {
    "blsNormCode": "07011",
    "blsName": "常规心电图",
    "blsId": 27,
    "chinaSpell": "CGXDT",
    "fiveStroke": "IFNJ",
    "blsState": "0",
    "blsLastGrade": "1",
    "blsType": 0,
    "hospitalId": 331023,
    "id": 30
  }, {
    "blsNormCode": "07023",
    "blsName": "甲状腺全套",
    "blsId": 0,
    "chinaSpell": "JZXQT",
    "fiveStroke": "LUEWD",
    "blsState": "0",
    "blsLastGrade": "1",
    "blsType": 1,
    "hospitalId": 331023,
    "id": 31
  }, {
    "blsNormCode": "07012",
    "blsName": "常规+频谱心电图",
    "blsId": 27,
    "chinaSpell": "CGPPXD",
    "fiveStroke": "IFHYNJ",
    "blsState": "0",
    "blsLastGrade": "1",
    "blsType": 0,
    "hospitalId": 331023,
    "id": 42
  }];

	$("#billing-tree").billingtree({
		"data": data,
		"pid": "blsId",
		"text": "blsName",
		"attribute":{"data-id":"id"},
		"onclick": function(id) {
			
		}
	})
//-->
</script>
</body>
</html>